<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ config('app.name', 'Laravel') }}</title>
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
    <!-- Styles -->
    <!-- Scripts -->
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles
</head>
<body class="font-sans antialiased">
<div  style='"display":"flex","flexDirection":"column","justifyContent":"center","alignItems":"center","minHeight":"100vh","backgroundColor":"#000000"'>

<div class="container mx-auto bg-zinc-900 rounded-md p-6 text-white">
    <section class="h-auto">
        <div class="px-10 py-24 mx-auto max-w-7xl">
            <div class="w-full mx-auto text-left md:text-center">
                <h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-900 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight"> 您借阅的 <span class="w-full text-transparent bg-clip-text bg-gradient-to-r from-green-400 via-blue-500 to-purple-500 lg:inline">{{$borrowRecord->book->title}}</span> 已经逾期！ </h1>
                <p class="px-0 mb-6 text-lg text-gray-600 md:text-xl lg:px-24"> 逾期归还图书可能导致逾期罚款，为避免不必要的损失，请您尽快将图书归还。若有任何疑问或需要延期归还，请及时与我们联系。 </p>
            </div>
        </div>
    </section>


</div>
</div>

@stack('modals')
@livewireScripts
</body>
</html>
